﻿@{
    ViewData["Title"] = "SMTP设置";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


    <div id="pageContainer">


        <el-row>
            <h2>自动化报表服务</h2>

            <p>
                用途：用来发送自动化的对外发送数据报表、简化数据报表的处理难度、和提高相关人员的工作效率
            </p>
            <div>
                描述：用来自动化的对外发送数据报表 <br />
                只需要在创建对应的邮件模板，并做好相应的设置，即可实现邮件的发送



            </div>
        </el-row>
        <el-row>
           
            <el-alert title="涉及到的敏感数据，在后端均已加密，请放心使用"
                      type="success"  :closable="false">
        </el-row>
            <el-row>

                <el-steps :active="active" align-center>
                    <el-step title="创建数据库实例" description="用来执行SQL脚本的环境，查询的结果作为邮件的数据内容"></el-step>
                    <el-step title="进行SMTP设置" description="指定特定的邮箱服务器，以该邮箱向其他邮箱发送EMail"></el-step>
                    <el-step title="创建邮件模板" description="创建邮件模板，指定相应的SMTP、执行环境和脚本、邮件内容"></el-step>
                    <el-step title="邮件测试和排错" description="邮件模板创建完成，可以点击测试按钮，进行邮件发送测试，如果失败，可以根据输出的日志进行排错"></el-step>
                    <el-step title="部署" description="点击部署按钮，参照内容进行部署，后续就可以自动化运行了"></el-step>
                </el-steps>


            </el-row>
            <el-row>
               
                <el-button type="primary" size="mini"  round @@click="next">操作步骤</el-button>
            </el-row>


    </div>




<div>

</div>



@section scripts{
    <script>
        var pageVue = new Vue({
            el: '#pageContainer',
            data: {
                active: 0


            },
            methods: {
                refresh: function (event) {
                    window.location.reload();
                },
                next() {
                    if (this.active++ > 4) this.active = 0;
                }
                /*搜索数据*/
                
            }
        });

    </script>



}